
<!DOCTYPE html> 
<html> 
	<head> 
	<title>用户登录</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1"> 	
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <style>
	.ui-font-gray{color:#999; font-size:12px;}
	</style>
	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	


	<script type="text/javascript">
	
	
$(document).bind('mobileinit', function(){
    $.event.special.swipe.horizontalDistanceThreshold = 100; // 修改触发 swipe 事件的最小水平拖曳距离为 100(px)
    $.event.special.swipe.verticalDistanceThreshold = 120; // 修改触发 swipe 事件的最大垂直拖曳距离为 120 (px)
});
$(function(){





    $("#home").live('swipeleft', function() {
        $('#toPage2').click(); // 为首页绑定向左划动事件
    });
    $("#page-2").live('swiperight', function() {
        $('#toHome').click(); // 为另一页面绑定向右划动事件
    });
    
    
    /**/
    
    function getPhoneType(){
    	 var deviceAgent = navigator.userAgent.toLowerCase(); 
		 var agentID = deviceAgent.match(/(iphone|ipod|ipad|android|symbian|blackberry|windows phone)/); 
		 var phoneType = -1;
		 if(agentID.indexOf("iphone")>=0){ 
		     phoneType = 0;
		 } else  if(agentID.indexOf("ipod")>=0){ 
		     phoneType = 1;
		 } else  if(agentID.indexOf("ipad")>=0){ 
		  	 phoneType = 2;
		 } else  if(agentID.indexOf("android")>=0){ 
		  	 phoneType = 3; 
		 } else if(agentID.indexOf("symbian")>=0){
		 	 phoneType = 5;
		 }else if(agentID.indexOf("blackberry")>=0){
		 	 phoneType = 6;
		 }else if(agentID.indexOf("windows phone")>=0){
		 	phoneType = 4;
		 }
		 
		 return phoneType;
    
     }
    
    
    
    
});
	
	
	
	
	</script>

<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

<!--    换成动态的 .jsp  传入  weixinId           -->



</head> 
<body> 
<div id="user" data-role="page">
	<div data-role="header">
    	<a href="index.jsp" data-role="button" data-icon="home">返回首页</a>
		<h1>用户登录</h1>
        <a href="regist.jsp" data-role="button" data-icon="arrow-r">快速注册</a>
	</div><!-- /头部 -->

	<div data-role="content">	
		<form action="search.jsp">
        	<ul data-role="listview" data-inset="true">
                <li data-role="fieldcontain">
                    <label for="loginName">用户名:</label>
                    <input type="text" name="memberId" id="loginName" value=""  />
                </li>
                <li data-role="fieldcontain">
                    <label for="loginPwd">密码:</label>
                    <input type="password" name="password" id="loginPwd" value=""  />
                </li>
                <li data-role="fieldcontain">
                    <input type="checkbox" name="autologin" id="loginAuto" checked  />
                    <label for="loginAuto">自动登录</label>
                </li>
                <li data-role="fieldcontain">
                    <input type="submit" value="登录" data-theme="b" />
                </li>
            </ul>
        </form>	
	</div><!-- /内容 -->

	<div data-role="footer">
		<h4>珍爱网，成就天下姻缘</h4>
	</div><!-- /底部 --></div><!-- /页面 -->
	
	
	
	
	

</body>
</html>
